<template>
	<el-card class="layout-home">
		<h2>{{apptitle}}</h2>
		<p>{{appdescription}}</p>
	</el-card>
</template>
<script setup lang="ts">
import { onMounted, nextTick, computed } from 'vue'
import store from '@/store'
const apptitle = computed(() => import.meta.env.VITE_WEB_TITLE)
const appdescription = computed(() => import.meta.env.VITE_WEB_DESCRIPTION)
onMounted(() => {
    if (store?.appStore?.clientHeight) {
        console.log(store.appStore.clientHeight);
    }
})
</script>
<style scoped>
.layout-home {
	line-height: 2;
	font-size: 15px;
}

.layout-home h2 {
	margin: 6px 0;
}
</style>
